﻿@charset "utf-8";
/* Css reset*/
html{ height:100%; font-family:Verdana, Geneva, sans-serif;}
a{ text-decoration:none;}
image{ border:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
input.checkbox, input.radio, input.image {border:0px; width:auto;}
input[type=checkbox], input[type=radio], input[type=image]{border:0px;}
.clean{ clear: both; line-height: 0;font-size: 0; margin:0; padding:0;}
.other_color{ color:#F00 !important;}
.other_color_bold{ color:#F00 !important; font-weight:bold;}
.L{ float:left;}

 /* ---------------------*/ 
 
body{
	background:url("../images/bg_ad_index_top.png") repeat-x scroll 0 0 #EEF2E5;
	height:100%;
	margin:0;
	padding: 0;
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	/* [disabled]font-size:13px; */
}
/* -------------------------Khung chinh Admin---------------------------- */
div.admin_index{ margin:0; padding: 0; width: 100%; }
div.admin_index_login{ margin:0; padding: 0; width: 100%; vertical-align:middle; }
/* ------Header--------- */
div.admin_index_header { width: 95%; height:29px; margin: 0 auto; }
p.admin_logo{padding:5px 10px 5px 0px; float:left; width:150px; text-align:left;}
	/* ------menu top--------- */	
	ul.admin_menu_T{  list-style-type: none; margin-top:3px; font-size:12px;}
	ul.admin_menu_T li{float:right;  margin-right:15px; color:#FFF; padding: 5px 0 0 15px;}
	ul.admin_menu_T li a, ul.admin_menu_T li{ color:#999999; text-shadow: 0 1px 0.5px #000000;text-decoration: none;}
	ul.admin_menu_T li a:hover {  color:#ffffff !important;} 
div.admin_index_menu_Ce{width: 95%; margin: 0 auto; padding-top: 14px; text-align:left; }
	/* ------menu center--------- */	
	ul.admin_menu_Ce{  list-style-type: none; margin-top:-1px; font-size:13px; position: absolute; z-index: 4; float:left;}
	ul.admin_menu_Ce li{float:left;  margin:0px; padding:0px 5px; color:#000; }
	ul.admin_menu_Ce li.first {padding:0px 0px 0px 5px !important; }
	ul.admin_menu_Ce li.first a{ background: url("../images/home.gif") no-repeat scroll center 6px transparent; text-indent: -99999px; width: 16px;}
	ul.admin_menu_Ce li a:link,ul.admin_menu_Ce li a:visited{ color: white; display: block;line-height: 13px; margin: 0 5px 0; padding: 6px; text-decoration: none;}
	ul.admin_menu_Ce a.current:link,ul.admin_menu_Ce a.current:hover{ background: #FFFFFF; color: #000000;border-left: 1px solid #95BB58; border-radius: 5px 5px 0 0; border-right: 1px solid #95BB58;font-weight: bold; z-index:30;}
	ul.admin_menu_Ce li a.new_call{ color: #F00 !important; font-weight:bold !important;}
	.star{ color:#fff !important;}
	/* ------ menu xo xuong--------- */	
	ul.admin_menu_Ce a.drop_menu:link, ul.admin_menu_Ce a.drop_menu:visited{ background:#f0f0f0; color: #000000;border-left: 1px solid #333;border-top: 1px solid #333; border-radius: 5px 5px 0 0; border-right: 1px solid #333; z-index:30;padding: 6px;}
	ul.admin_menu_Ce a:hover{ color:#fff;}
	ul.menudropdown{  background: none repeat scroll 0 0 #f0f0f0; padding: 6px 0 0;    position: absolute; top: 24px;z-index: 25; margin-left:5px; border-bottom:1px solid #333; border-left:1px solid #333; border-right:1px solid #333; list-style:none;}
	ul.menudropdown li{ border-bottom:1px dotted #f0f0f0; margin:5px; border-left:4px solid #89B554;  float:none !important; text-align:left; white-space: nowrap;}
	ul.menudropdown li.menu_line{  border-bottom:1px solid #d5d5d5;  float:none !important; width:84%; padding-left:10px; box-shadow:1px 1px 1px #fff;}
	ul.menudropdown li a{ color: #417B9F !important; padding: 0 0 0 22px; border:none !important;}	
	ul.menudropdown li:hover{ border-bottom:1px dotted #ccc; margin:5px; border-left:4px solid #89B554;  float:none !important; text-align:left; background:#FFFDE9;}
/* ------Content--------- */
div.admin_index_mid { width: 95%;  margin: 0 auto; background:none repeat scroll 0 0 #FFFFFF; box-shadow: 0 1px 4px #BBBBBB;top:25px; position: relative; text-align: left;min-height: 768px; padding-top:25px; padding-bottom:10px;min-width:1320px; }
	div.ad_title_bg{background: none repeat scroll 0 0 #f6f6f6; border-top: 1px solid #EAEAEA;  border-bottom: 2px solid #89B554; height:50px;}
		div.ad_title_bg1{ border-top:2px solid #89B554;}

		div.ad_title_page{ float:left; padding:8px 5px 8px 15px; font-size:25px; color:#89B554;}
			div.ad_title_page p{ float:left;}
			div.ad_title_page select{ height:30px; padding:5px; margin-top:0px; font-size:15px;}
		ul.list_right_btn{ list-style:none; margin:10px 10px 10px 10px; font-size:13px;}
		ul.list_right_btn li{ float:right; margin-right:5px;}
		ul.list_right_btn li select{ height:33px; margin:0px; padding-top:6px;}
		ul.list_right_btn li a.btn_link{ float:right; margin:0px 5px;color:#3084CA; text-decoration:underline; padding:6px 5px 0px 0px; cursor:pointer; font-size:13px;}
		ul.list_right_btn li a.btn_link:hover{color:#25669C;}
		ul.list_right_btn li a.back{ color:#3084CA; text-decoration:underline; margin-top:20px;}
		ul.list_right_btn li a.back:hover{  color:#3084CA;}
		ul.list_btn_next{ list-style:none; float:left; margin-left:20px;}
		ul.list_btn_next li{ float:left; margin-right:5px;}
		ul.list_right_btn_form{ list-style:none; margin:0px; font-size:13px; margin-top:3px;}
		ul.list_right_btn_form li{ float:right; margin-right:5px;}
table.ad_content{ vertical-align:top; font-size:13px;}
table.ad_content img.product_pic_popup{ text-align:left; float:left; margin:0px 5px;}
table.ad_content p.text_img_popup{ text-align:left; margin-left:55px;}
table.ad_content span.text_code_popup{ color:#3084CA; padding:0px 5px 0px 0px; display:inline-block;}
table.ad_content td.col_odd{ vertical-align:top; padding:20px 0px 10px 15px;}
table.ad_content td.col_even{ vertical-align:top; padding:20px 15px 10px 15px;}

	h3.name{ font-size:16px; margin:5px 0px 10px 10px;  }
	h4.link_find{ font-size:12px; margin:5px 0px 10px 10px;  }
	h4.link_find a{ padding:5px 10px; color:#3084CA;font-weight:normal; text-decoration:underline;}
	h4.link_find a:hover,h4.link_find a:active { padding:5px 10px; color:#3084CA;}
	
div.product_category{ width:90%; float:left; font-size:13px;}
	div.product_category span{ float:left; margin-left:5px; padding:5px;}
	div.product_category input{ float:left;}
	ul.other_product_category{ list-style:none; margin:0px;}
			ul.other_product_category li{ border:1px solid #89b554; border-radius:5px; padding:5px 5px 5px 0px;; float:left; margin-left:5px; margin-bottom:5px;}
				ul.other_product_category li span.name{ color:#5f9a18; font-weight:bold; padding:0px 5px;}
div.add_product_category{ text-align:center; margin-top:10px; clear:both; font-size:13px;}
	div.add_product_category a{ color:#3084CA; text-decoration:underline; padding:0px 5px 0px 0px; cursor:pointer;}
	div.add_product_category a:hover {color:#25669C;}

/* ------footer--------- */
div.index_admin_footer{background:#202020 ;  border-bottom: 1px solid #151515; display: block;  text-align:center; color:#ccc; font-size:14px; padding:10px;margin: 0 auto; padding-top:40px; font-size:13px;  }

/* ------other--------- */
p.note_form{ text-align:left; font-size:14px; color:#999; padding:0px 0px 10px 0px;}
p.note_form2{ text-align:left; font-size:13px; color:#000; padding:0px 0px 10px 15px;}
p.note_form_small{ text-align:left; font-size:12px; color:#999; padding:0px 0px 10px 0px;}
p.note_form_small_button{ text-align:left; font-size:12px; color:#999; padding:0px 0px 10px 0px; line-height:25px;}
label.note{ width:85% !important; text-align:left !important;}
span.text_code_big{ font-size:20px; text-align:left; font-weight:bolder; width:170px; display:block; float:left;}
span.text_code_big2{ font-size:20px; text-align:left; font-weight:bolder;display:block; float:left; margin:1px 10px;}
span.text_code_medium{ font-size:16px; text-align:left; font-weight:bolder;display:block; float:left; margin:5px;}
p.text_number{ font-size:20px !important; font-weight:bolder;}
p.title{ font-size:20px; font-weight:bolder; padding:10px 10px 10px 10px;}
/* ------NCC--------- */
.form_NCC{}
.form_NCC input{ width:350px;}
.form_NCC input[ type=submit]{ width:auto !important;}
.NCC_name{ font-size:18px; font-weight:bold;}
.NCC_field{ margin:0 0 13px 0; width:95%; height:61px;}
/* ------LOC--------- */
.FormLOC{}
.FormLOC  div.row {}
.FormLOC .row_line_L p{ padding:5px 0px;}
.FormLOC .row_line_L{ width:60px !important;}
.FormLOC .row_line_R{ width:111px!important;}
div.LOC_poup{}
div.LOC_poup_L{ float:left;}
div.LOC_poup_R { float:right}
div.LOC_poup p{ padding:5px 0px}
p.menu_tab_note{ font-size:12px; color:#666; text-align:right; padding:5px 0px; }
/* ------Store--------- */

.export_field{ margin:0 0 13px 0; width:95%;}
.store_title{ font-size:28px !important;}

/* delivery */
.form_delivery .row_L{ width:80px;}
.form_delivery .row_L2{ width:120px;}
.delivery_img{ margin-right:15px; float:left;}

/* ------Order--------- */
span.status_green{ padding:5px 15px 5px 15px; margin-left:5px; margin-bottom:5px; color:#fff; font-weight:bold; background: url("../images/bg_green.png") repeat-x center ;  text-align:center !important; width:108px; }
span.status_red{ padding:5px 15px 5px 15px; margin-left:5px; margin-bottom:5px;color:#fff; font-weight:bold;background: url("../images/bg_red.png") repeat-x center ;text-align:center !important;width:108px;  }
span.status_orange{border:none; padding:5px 15px 5px 15px; margin-left:5px; margin-bottom:5px; color:#641b0a; font-weight:bold;background: url("../images/bg_orange.png") repeat-x center ;  text-align:center !important;width:108px;   }
span.status_green_s{border:none;  padding:5px 15px 5px 15px !important; margin-left:5px; margin-bottom:5px; color:#fff !important; font-weight:bold; background: url("../images/bg_green.png") repeat-x center ;  text-align:center !important; width:60px; }
span.status_red_s{border:none; padding:5px 15px 5px 15px !important; margin-left:5px; margin-bottom:5px;color:#fff !important; font-weight:bold;background: url("../images/bg_red.png") repeat-x center ;  text-align:center !important;width:60px;  }
span.status_silver_s{border:none; padding:5px 15px 5px 15px !important; margin-left:5px; margin-bottom:5px;color:#000 !important; font-weight:bold;background: url("../images/bg_silver.jpg") repeat-x center ;  text-align:center !important;width:60px;  }
span.status_orange_s{border:none; padding:5px 15px 5px 15px !important; margin-left:5px; margin-bottom:5px; color:#641b0a !important; font-weight:bold;background: url("../images/bg_orange.png") repeat-x center ;  text-align:center !important;width:60px;   }
span.status_green_ss{border:none; padding:5px 15px 5px 15px; margin-left:5px; margin-bottom:5px; color:#fff; font-weight:bold; background: url("../images/bg_green.png") repeat-x center ; text-align:center !important; width:40px; }
span.status_red_ss{border:none;  padding:5px 15px 5px 15px; margin-left:5px; margin-bottom:5px;color:#fff; font-weight:bold;background: url("../images/bg_red.png") repeat-x center ;  text-align:center !important;width:40px;  }
span.status_orange_ss{border:none; padding:5px 15px 5px 15px; margin-left:5px; margin-bottom:5px; color:#641b0a; font-weight:bold;background: url("../images/bg_orange.png") repeat-x center ; text-align:center !important;width:40px;   }
span.status_priority{ border-radius:5px; padding:2px 10px 2px 10px; margin-bottom:5px; color:#641b0a; font-weight:bold;background:#fef7ec; border:2px solid #e5ab55; text-align:center; font-size:16px;   }
span.status_no_priority{border-radius:5px; padding:5px 7px 5px 7px; margin-left:5px; margin-bottom:5px; color:#7b7b7a; font-weight:bold;background:#f5f5f4; border:2px solid #d5d5d5; text-align:center !important; font-size:16px;   }
span.status_green_loc{border:none; border-radius:3px; padding:5px 15px 5px 15px; margin-left:5px; margin-bottom:5px; color:#fff !important; font-weight:bold; background: url("../images/bg_green.png") repeat-x center ; border:1px solid #67732d; text-align:center !important; width:81px; }
span.status_red_loc{border:none; border-radius:3px; padding:5px 15px 5px 15px; margin-left:5px; margin-bottom:5px;color:#fff !important; font-weight:bold;background: url("../images/bg_red.png") repeat-x center ; border:1px solid #9f2b07; text-align:center !important;width:81px;  }
span.status_orange_loc{border:none; border-radius:3px; padding:5px 15px 5px 15px; margin-left:5px; margin-bottom:5px; color:#641b0a !important; font-weight:bold;background: url("../images/bg_orange.png") repeat-x center ; border:1px solid #885713; text-align:center !important;width:81px;   }
div.check{background: url("../images/check.png") no-repeat center ; text-align:center !important;width:18px; height:18px; float:left; display:block;  }
.left{ float:left; clear:none !important;}
.right{ float:right !important;}
.bold{ font-weight:bold;}
.text_left{ text-align:left !important;}
.italic{ font-style:italic;}
.border{ border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
.total_number{ margin-right:20px;}
.list_order{ margin-top:-6px; float:left; width:150px;}
.add_new_adress{ margin-top:20px;}
ul.order_info{ list-style:none; }
	ul.order_info fieldset{  border:2px solid #c9c9c9 !important;}
	ul.order_info li{ float:left; width:45%; margin:20px 20px 0 0; height:300px;}
	ul.order_info li fieldset{ height:95% !important;}
	ul.order_info .btn_add{ margin-left:0px;}
.listed{ vertical-align:top !important; margin-top:5px;}
.LOC span{ font-family:Verdana, Geneva, sans-serif !important;}
.LOC_scan{ width:50%;}
.long{ width:200px !important;}
.r_long{ width:365px !important;}
.see_store{ width:70px;}	
.icon_book{background: url("../images/icon_book.png") no-repeat center center ; width:24px; height:24px; display:block; float:left;}
.icon_treo_book{background: url("../images/icon_treo_book.png") no-repeat center center ; width:24px; height:24px; display:block; float:left;}
.icon_unbook{background: url("../images/icon_unbook.png") no-repeat center center ; width:24px; height:24px; display:block; float:left;}
.icon_money{background: url("../images/icon_money.png") no-repeat top left ; width:24px; height:24px; display:block; float:left;}
.icon_nomoney{background: url("../images/icon_nomoney.png") no-repeat top left ; width:24px; height:24px; display:block; float:left;}
.icon_play{background: url("../images/icon_play.png") no-repeat top left ; width:24px; height:24px; display:block; float:left;}
.icon_finish{background: url("../images/icon_finish.png") no-repeat top left ; width:24px; height:24px; display:block; float:left;}
.icon_delete{background: url("../images/icon_delete.png") no-repeat top left ; width:24px; height:24px; display:block; float:left;}
.icon_uncheck{background: url("../images/checkbox.png") no-repeat top left ; width:24px; height:24px; display:block; float:left;}
.icon_edit{ vertical-align:text-bottom;}
.icon_save{ padding-top:7px;vertical-align:top;}
.Running{background:#89B554 !important;}
.Waiting{background:#FC3 !important;}
.Cancelled{background:#F30 !important;}
.Finish{background:#0000FF !important;}
.text_highlight{ color:#f00; font-weight:bold;}
.note_order{ font-size:13px; line-height:20px;}
.line{ margin-top:-3px; float:right;}
.left2{ margin-bottom:5px; float:left;}

/* login */
.body_login{ background:#89B554 !important;}
div.login{ width:500px; box-shadow:1px 1px 10px #333; padding:15px; background:#fff; display:block; margin-top:180px; padding-bottom:30px;}
div.login fieldset{ width:80% !important;}
span.login_title{ font-size:20px !important; color:#111 !important; font-weight:bold !important; padding: 0px 0 30px 165px !important; }
span.rl{ color:#000 !important; font-size:15px !important;}
.login_err{ color:#f00 !important; padding:0 0 5px 153px !important;}
.ctv_err{ color:#f00 !important; padding:0 0 0px 215px !important;}
.lg{ margin-top:30px !important;}
.btn{ margin-left:16px !important;}

/* Loai san pham */
span.add{ background: url("../images/icon_add.png") no-repeat; margin-top:0px; float:left; width:17px; height:17px; cursor:pointer;}
span.minus{ background: url("../images/icon_minus.png") no-repeat; margin-top:0px; float:left; width:17px; height:17px; cursor:pointer;}
.input2{ width:59%;}
.textarea2{ width:59%; height:80px;}
.brand_logo{ width:80px; height:80px;}
.tree_node{ cursor:pointer;}
.popular_img{ width:121px; height:121px;}
.text_L{ text-align:left !important;}
span.cate{ display:inline !important; position:relative; cursor:default;}
span.tooltip{ background:#ffffaa; border: 1px solid #fbca6e;box-shadow:1px 1px 3px #ccc; padding:5px; display:none !important; position:absolute; top:8px; left:20px; white-space:nowrap; z-index:100;}

/* Quan ly trang chu */
.title_homepage{ font-size:22px; color:#f00; padding-top:13px; font-weight:bold;}
.icon_up{ float:right !important; margin-top:3px;}
.top_seller{ float:left; margin-right:20px;}
.save{ width:86px !important;}
.payment_list{ width:90%; margin:5px 0px 5px 30px; padding:5px !important; m}
.per_text{ float:left; margin-left:80px;}
.per_text_first{ margin-left:190px; float:left;}
.per{ float:left; width:30px;}
.round{ width:60px; float:left; text-align:center !important;}
.per2{  width:30px;}
.left1{ margin-left:45px;}

.cbx2{ margin-left:10px;}
/* Don hang */
.number_L{ text-align: left; width:85px; float:left; display:block;}
.number_R{ text-align: right; width:90px; float:left; display:block;}
.last{ border-bottom:none !important;}

/* Kho */
.top{ vertical-align:middle !important;}
.L{ margin-left:0px !important;}
.dis{ width:300px;}
.add_dis{ width:80%; height:300px;}
.title_text{ font-size:16px; color:#000; margin-left:50px;}
.delete{ float:none !important;}
/* creat email */
select.se_listmail{ width:500px;}
table.creat_email{margin:10px; padding:5px; }
table.creat_email td{margin:4px; padding:4px; }
.email_list{ margin:5px;}
.f_long{ height:308px;}
.f_short{ height:140px;}
p.text_mail{ padding: 5px 0px;}
fieldset.main_deal{ background:#EEF2E5; border:1px solid #89B554;border-radius: 5px 5px 5px 5px; }

/* phan quyen */
span.quyen{ padding-left:15px;}
fieldset.ad_group{ margin-top:20px;}
ul.group{ list-style:none;}
ul.group li{ float:left; display:block; padding:3px; margin-right:10px; width:300px}
ul.group li label{ padding:0px; text-align:left; vertical-align:middle;}
.inline{ display:inline;}
.title_popup{ font-size:20px !important; width:90%; text-align:center !important; font-weight:bold !important;}
.btn_R{ margin-right:15px;}
.bottom{ margin-bottom:15px; text-align:left !important;}
.title_popup2{ font-size:20px !important;font-weight:bold !important; text-align:left !important;}
.vocher{padding:20px 0 0 10px;}
.dakichhoat{ background:#6C0; color:#000 !important; width:134px;}
.dasudung{ background:#6CF; color:#000 !important;width:134px;}
.refund{ background:#FC9; color:#000 !important;width:134px;}
.dahuy{ background:#F33; color:#fff !important;width:134px;}
.tongcong{ background:#CCC; color:#000 !important; font-weight:bold;width:134px;}

/* PCM*/
div.pcm{background: url("../images/phieuCM_new.jpg") no-repeat; margin-top:0px; width:597px; height:336px; display:block; position:relative; }
div.pcm2{background: url("../images/phieuCM_new.jpg") no-repeat -7px 0; margin-top:0px; width:560px; height:336px; display:block; position:relative; }
p.pcm_name{ font-size:16px !important; text-align:center !important; width:90%; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important; padding-top:35px !important; margin-left:12px;}
span.pcm_title{ font-size:11px !important; width:300px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left !important; padding:5px 0 5px 25px !important;}
span.pcm_text{ font-size:11px !important; width:421px; font-family:Arial, Helvetica, sans-serif; padding: 0 0 5px 25px !important; text-align:left !important; line-height:12px;}
div.pcm2 span.pcm_series{ font-size:21px !important; font-weight:bold; right:53px; bottom:42px; position:absolute;}
span.pcm_series{ font-size:21px !important; font-weight:bold; right:83px; bottom:42px; position:absolute;}
.oneline{ display:inline-block;}
div.CTV{ margin:10px 0px; }
p.btn_ctv{ padding-left:210px;}

/* SEO_FAQ*/
ul.seo_faq{ list-style:none; margin:15px; overflow:hidden;}
ul.seo_faq li{float:left; width:9.25%; margin-right:0.5%; font-size:13px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */ border: 1px solid #B5B5B5; padding:3px 0px; margin-bottom:10px;   }
ul.seo_faq p{text-align:center;font-weight:bolder;}
p.YESNO{ color:#F00; text-transform:uppercase; }

div.message_ok{ border:2px solid #94d4f0; color:#0077C0; padding:7px 7px 7px 32px; text-align:left; font-size:14px;  margin-top:8px; margin:15px; width:94%; background:#ECF8FE url(../images/success_msg_icon1.gif) no-repeat 10px center; }
div.message_good{ border:2px solid #57a326;;padding:7px 7px 7px 32px; text-align:left; margin-top:8px; margin:15px; width:94%; background:#d9f2bd url(../images/success_msg_icon.gif) no-repeat 10px center; color:#57a326;  font-size:14px; }
div.message_poor{ border:2px solid #F00; background:#f6d4d4; color:#F00; padding:7px 7px 7px 32px; text-align:left; margin-top:8px; margin:15px; width:94%; font-size:14px; background:#f9c6c6 url(../images/warning.png) no-repeat 10px center;  }



